<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订单结算页</title>
	<link rel="stylesheet" type="text/css" href="css/style2.css" />

 	<link type="text/css" rel="stylesheet"  href="//misc.360buyimg.com/jdf/1.0.0/unit/??ui-base/1.0.0/ui-base.css,shortcut/2.0.0/shortcut.css,global-header/1.0.0/global-header.css,myjd/2.0.0/myjd.css,nav/2.0.0/nav.css,shoppingcart/2.0.0/shoppingcart.css,global-footer/1.0.0/global-footer.css,service/1.0.0/service.css"/>
        <script type="text/javascript" src="//misc.360buyimg.com/jdf/lib/jquery-1.6.4.js"></script>
        <script type="text/javascript" src="//misc.360buyimg.com/jdf/1.0.0/unit/base/1.0.0/base.js"></script>
        <link href="//misc.360buyimg.com/user/cart/??/widget/no-login/no-login.css" rel="stylesheet" type="text/css">
		<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="js/jquery-3.1.0.js"></script>
		<script src="js/sf.js"></script>
		<script src="js/citys.js"></script>
		<script src="jquery-1.8.0.js"></script>
		<script src="js/newAddress.js"></script>
		<link type="text/css" rel="stylesheet"  href="//misc.360buyimg.com/user/cart/widget/??common/common.css,header-2015/header-2015.css,cart-sidebar/cart-sidebar.css,cart-sidebar-follow/cart-sidebar-follow.css,cart-filter-bar/cart-filter-bar.css,cart-similar/cart-similar.css,cart-gift/cart-gift.css,order-combined/order-combined.css,unmarket/unmarket.css,cart-inner-new/cart-inner-new.css,cart-toolbar-new/cart-toolbar-new.css,cart-removed/cart-removed.css,cart-full/cart-full.css,cart-tabs-new/cart-tabs-new.css,p-detect/p-detect.css,backpanel/backpanel.css" source="widget"/>
		
		

<script type="text/javascript">   
	$(function(){
		$("#add").click(function(){
			$("#t4").css("display","block");
			$("#if").css("display","block");
		});
		$("#bt").click(function(){
			$("#t4").css("display","none");
			$("#if").css("display","none");
		});
	});
</script>

</head>
<body id="body">
	<div class="main_top">

		<div class="m3">
			<a href="members.jsp" >我的订单</a>
		</div>

		<div class="m2">
			<a href="register.jsp" target="_Blank">免费注册&nbsp&nbsp&nbsp|</a>
		</div>

		<div class="m1"><a href="${empty member[0].memberName ?'login.jsp':'members.jsp'} "  target="_Blank">
		<c:if test="${empty member[0].memberName}" scope="page" var="result">
        	您好，请登录&nbsp&nbsp&nbsp|
     </c:if>
     <c:if test="${not result}">
         	${member[0].memberName}
     </c:if></a>
		</div>
	
	</div>
	<div class="d1" id="top">
		<img src="image/1.png" style="float:left;margin-left:110px;margin-top:10px;">
		<span style="font-size:25px;float:left;margin-top:40px;margin-left:20px;" >结算页</span>
	</div>
	<div class="shopcart">
		<a href="ShopCart.jsp"  class="d3">
		<img src="image/gwc.png"style="float: left; margin-left:3px; margin-top: 3px;">我的购物车</a>
	</div>
	<div class="d3">
		<form action="PayServlet" method="post">
		<table class="datalist" border="1px dashed #eee">
		 <tr class="tr">
            <th>商品</th>
            <th>属性</th>
            <th>价格</th>
            <th>数量</th>
        </tr>
		 
			<c:forEach items="${list}" var="c">
				<tr>
				 <td>
				 	<a href="Goods?id=${c.id}" >
            		 <img src="${c.img}" class="t1">
            		</a>
            	 </td>
            	 <td>
            	 	<a href="Goods?id=${c.id}" >
            	 	${c.name} ${c.operator}4G手机 双卡双待双通<br>${c.color}
            	 	</a>
            	 </td>
            	 <td>
            		 <input value="${c.price*c.num}"  class="xj" name="xj" disabled="disabled" >
            	 </td>
            	 <td>
            	  <input value="${c.num}"  class="xj" disabled="disabled" >
            	 </td>
				</tr>
			</c:forEach>
		</table>
	
		<div style="width:100%;height:100px;background-color:#EEEEEE;margin-top:10px;">
		<span class="jine">￥${sum}</span>
		<span class="total">应付总额：</span>
		<span class="moren">默认收货地址</span>
		<span class="d5">寄送至：</span>
		<span class="d5">${address[0].addressDetails}</span>
		<span class="d5">收货人：</span>
		<span class="d5">${address[0].addressName}</span>
		<span class="d5">电话：</span>
		<span class="d5">${address[0].addressPhone}</span>
		<input type="hidden" value="${sum}" name="money">
		<input type="hidden" value="${address[0].addressDetails}" name="address">
		<input type="hidden" value="${address[0].addressName}" name="name">
		<input type="hidden" value="${address[0].addressPhone}" name="tel">
		</div>
		

		<input type="submit" value="立即支付" class="d4"><br><br>
		</form>
	</div>
		
	<div style="width:100%; height:20%; float:left;">
		<iframe src="foot.jsp"  width="100%" height="350px" frameborder="0" scrolling="no"></iframe>			
	</div>

</body>
</html>